@import "base";
.lxr{
    display: flex;
    justify-content:space-between;
    align-items: center;
    background: #F7F7F7;
    padding: px2rem(22px, $base-font-size);
    border-radius: 5px;
    @include px2px('line-height', 48);
    margin-top: px2rem(20px, $base-font-size);
    position: relative;
    overflow: hidden;

    .nb{
        background: none;
    }
    .nmt{
        margin-top: 0;
    }

    .lxr-gx{
        width: px2rem(198px, $base-font-size);
        height: px2rem(80px, $base-font-size);
        display: flex;
        align-items: center;
        justify-content: center;
        color: #fff;
        background: #FF9E1E;
        transform: rotate(45deg);
        top: - px2rem(20px, $base-font-size);
        position: absolute;
        right: - px2rem(60px, $base-font-size);
        div{
            position: absolute;
            left: px2rem(88px, $base-font-size);
            top: px2rem(24px, $base-font-size);
        }
    }

    .lxr-edit{
        display: flex;
        justify-content: flex-end;
        width: 100%;
        position: absolute;
        bottom: px2rem(10px, $base-font-size);
        right: px2rem(40px, $base-font-size);
        div{
            border: 1px solid #FF9E1E;
            color: #FF9E1E;
            padding: px2rem(5px, $base-font-size) px2rem(20px, $base-font-size);
            border-radius: 5px;
            margin-left: px2rem(20px, $base-font-size)
        }
    }
}
